<div class="mui-content bg-gray">
  <div class="d-flex header bg-linear">
    <div class="flex">
      <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    </div>
    <div class="flex text-center title">自定义筛选</div>
    <div class="flex mui-text-right">
      <a (click)="finished()">完成</a>
    </div>
  </div>

  <ul class="mui-table-view m-t">
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        工作类型
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.occupation">
          <option value="不限">不限</option>
          <option value="上班族">上班族</option>
          <option value="公务员">公务员</option>
          <option value="私企业主">私企业主</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        房产情况
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.housetype">
          <option value="不限">不限</option>
          <option value="1">有房无房贷</option>
          <option value="2">有房有房贷</option>
          <option value="3">无房</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        车产情况
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.cartype">
          <option value="不限">不限</option>
          <option value="1">有车无车贷</option>
          <option value="2">有车有车贷</option>
          <option value="3">无车</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        保险情况
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.insurance">
          <option value="不限">不限</option>
          <option value="1">有</option>
          <option value="2">无</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        公积金
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.accumulationfund">
          <option value="不限">不限</option>
          <option value="1">一年以内</option>
          <option value="2">一年以上</option>
          <option value="3">无公积金</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        社会保障
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.socialsecurity">
          <option value="不限">不限</option>
          <option value="1">有</option>
          <option value="2">无</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        月收入
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.monthlyincome">
          <option value="不限">不限</option>
          <option value="2千以下">2千以下</option>
          <option value="2千~5千">2千~5千</option>
          <option value="5千以上">5千以上</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        工资发放方式
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.payrolltype">
          <option value="不限">不限</option>
          <option value="1">现金发放</option>
          <option value="2">银行转账</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table">
      <div class="mui-col-xs-6">
        工作时间
      </div>
      <div class="mui-col-xs-6">
        <select class="mui-btn mui-btn-block m-b0" [(ngModel)]="condition.workinglife">
          <option value="不限">不限</option>
          <option value="6个月内">6个月内</option>
          <option value="12个月内">12个月内</option>
          <option value="一年以上">一年以上</option>
        </select>
      </div>
    </li>
    <li class="mui-table-view-cell flex-table just-between">
      <div>
        贷款额度
      </div>
      <div>
        <input class="m-b0 number-input" type="number" placeholder="最小额度" value="" [(ngModel)]="condition.from_money">元-
        <input class="m-b0 number-input" type="number" placeholder="最大额度" value="" [(ngModel)]="condition.to_money">元
      </div>
    </li>
  </ul>
</div>
